<template>
  <div style="display: flex;justify-content: center;width: 70px;flex-wrap: wrap">
    <img alt="目录" src="static/file/file.svg" style="width: 60px;height: 60px">
    <span class="text-hidden" style="width: 70px;font-size: 13px;text-align: center">{{fileName}}</span>
  </div>
</template>

<script>
export default {
  name: "FileCard",
  props:{
    fileName:String
  },
}
</script>

<style scoped>
.text-hidden {
  overflow: hidden; /*溢出隐藏*/
  white-space: nowrap; /*规定文本不进行换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
}
</style>
